<template>
		<view class="g-dropdown-wrap">
			<view class="g-dropdown">
				<slot></slot>
			</view>
			<view class="g-dropdown-selectBox">11</view>
			<g-mask :visible.sync="visible">
				<template slot='content'>
				</template>
			</g-mask>
			<g-switch v-model="visible"></g-switch>
		</view>
</template>

<script>
export default {
	name:'g-dropdown',
	data() {
		return {
			dropChild:[],
			visible:false,
		};
	},
	props: {
		
	},
	computed: {
		
	},
	methods: {
		
	},
	created() {
		
	}
};
</script>
<style>
	.g-dropdown-wrap{
		width: 100%;
		background: red;
	}
	.g-dropdown{
		background: red;
		display: flex;
		align-items: center;
		margin: 0 30rpx;
		justify-content: space-between;
		height: 70rpx;
	}
	.g-dropdown-selectBox{
		height: 500rpx;
		background: #0051FF;
	}
</style>
